<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

		<h:form id="formLogin">
			<h:panelGrid >
			<h:column>
			</h:column>
			
			<h:panelGroup styleClass ="loginForm" layout="block">
			<h1><span class="log-in">Inicie Sesi&oacute;n</span><span>&nbsp;&nbsp;</span> <span class="sigerh">sigerh</span></h1>
			
			<h:panelGrid columns="2">
			<h:panelGroup styleClass="loginFormLogo" layout="block">
			</h:panelGroup>
			<h:panelGrid columns="1" cellpadding="2" cellspacing="2">
			<p:outputLabel for="userName"  value="Nombre de Usuario"/>
			<h:inputText id="userName" value="#{usuarioMB.userName}"  requiredMessage="Ingrese su usuario" required="true"/>
			<p:outputLabel for="password" value="Contraseña" />
			<h:inputSecret  id="password" value="#{usuarioMB.password}" required="true"  requiredMessage="Ingrese su contraseña"/>
			<h:outputLabel value="" /><h:outputLabel value="" /><p:separator/> 
			<h:panelGrid columns="2">
			<p:commandButton value="Ingresar" action="#{usuarioMB.ingresar}" update=":formLogin"/>
			
			<p:ajaxStatus style="height:36px;width:36px;">
				<f:facet name="start">  
        			<p:graphicImage id="statusIcon" value="#{resource['images:load.gif']}" />  
    			</f:facet> 
    		<f:facet name="complete">  
     		   <h:outputText value="" />  
  			  </f:facet> 
			</p:ajaxStatus>
			</h:panelGrid>
			
			</h:panelGrid>
			
			
			</h:panelGrid>
						
			
			<p:messages id="msjLogin" showDetail="true" showSummary="false"/>	
			</h:panelGroup>
			
			</h:panelGrid>
			
		
		</h:form>
		
	


</html>